<include file="Public/siteTopbar" />
<script src="__STATIC__/js/jquery-1.10.2.min.js"></script>
<script src="__STATIC__/js/slider.js"></script>
<include file="Public/header" />

<div class="container usercenter" >

    <include file="User/menu" />

     <div class="col-sm-9">
        <div class="he50 wddd">
            <div class="page-title">
                <h1>My Referral</h1>
            </div>
           
        </div>
        Your invitation link：
         <h5 style="border:1px solid #dedede; padding:6px 5px; color:#630534; background:#f5f5f5;">
             {$url}
         </h5>
         <input type="text" size="30" id="url" value="{$url}" style="display:none;">
         <input type="button" value="复制链接1" onClick="copyUrl()" style="display:none;">
         <script type="text/javascript">
			function copyUrl(){
			 var url = document.getElementById("url").value;
			 window.clipboardData.setData("Text",url);
			 alert("Successfully copied");
			}
			</script>
         <br  />
         Share your own link to your friends
        
        <!--<a href="javascript:;" id="CopyBtn1" title="Click on the copy">{$url}(Click on the copy) </a>-->

        
      
    </div>
    <div class="clear"></div>
</div>
<!--------footer-开始-------------->
<include file="Public/footer" />
<!--------footer-结束-------------->


</body>
<script>



    /*$(function () {
     $("#h-s").click(function () {
     $('.ec-ta-x').css('left','124px');
     $('.ec-ta-x').css('width','110px');
     $(this).addClass("cullent");
     $('#q-s').removeClass("cullent");
     });
     });
     */
</script>

<script>
    $(function () {
        $(function () {
            $("#q-s").mouseover(function () {
                $('.ec-ta-x').css('left','0px');
                $(this).addClass("cullent");
            });
            $("#q-s").mouseout(function () {
                $('.ec-ta-x').css('left','0px');
            });
        });
        $("#h-s").mouseover(function () {
            $('.ec-ta-x').css('left','68px');
            $(this).addClass("cullent");
        });
        $("#h-s").mouseout(function () {
            $('.ec-ta-x').css('left','0px');
            $(this).removeClass("cullent");
        });
    });

    $(function () {
        $("#j-s").mouseover(function () {
            $('.ec-ta-x').css('left','136px');
            $(this).addClass("cullent");
        });
        $("#j-s").mouseout(function () {
            $('.ec-ta-x').css('left','0px');
            $(this).removeClass("cullent");
        });
    });
</script>
</html>>>>